<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>附近门店</title>
	<link rel="stylesheet" href="">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1459473269_4751618.css">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style1.css" rel="stylesheet">
   <script src="js/jquery.min.js"></script>
   <script src="js/bootstrap.min.js"></script>
   <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
   <script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!--必要样式-->
<link rel="stylesheet" type="text/css" href="css/menu_elastic.css" />
<script src="js/snap.svg-min.js"></script>
<!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->
   <script></script>
</head>
<body class="huibg">

<div class="mendian ">
  <div class="mdtit">附近门店
  <a onclick ="javascript:history.go(-1);" class="iconfont icon-xs"></a></div>
  <div class="table-responsive">
  <table class="table ">
   <thead>
      <tr>
         <th>店名</th>
         <th>联系电话</th>
         <th>地址</th>
         <td>距离</td>
      </tr>
   </thead>
   <tbody id="tbody">
      <!--<tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239F楼102室</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海虹口1</td>
         <td>上海市虹口区四川北路1239</td>
      </tr>
      <tr>
         <td>上海</td>
         <td>上海宝山门店</td>
         <td>上海市宝山区长江南路180号A516-A521室</td>
      </tr>-->
   </tbody>
</table>
</div>
</div>
<script src="js/classie.js"></script>
<script src="js/main3.js"></script>
<script>
   window.onload=function(){
      var ur=location.href.split("#")[0];
      $.ajax({
         url:"/weixin/getTicket",
         data:{ur:ur},
         dataType:"json",
         type:"get",
         success:function(data){
            wx.config({
               appId: data.obj.appId, // 必填，公众号的唯一标识
               timestamp: data.obj.timestamp , // 必填，生成签名的时间戳
               nonceStr: data.obj.nonceStr, // 必填，生成签名的随机串
               signature: data.obj.signature,// 必填，签名，见附录1
               jsApiList: ['checkJsApi', 'getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.checkJsApi({
               jsApiList: ['getLocation'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
               success: function(res) {
                  if (res.checkResult.getLocation == false) {
                     alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
                     return;
                  }
               }
            });
            var latitude;
            var longitude;
            var speed;
            var accuracy;
            wx.ready(function(){
               // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
               wx.getLocation({
                  type: 'gcj02',
                  success : function(res) {
                     latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                     longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                     speed = res.speed; // 速度，以米/每秒计
                     accuracy = res.accuracy; // 位置精度
                     $.ajax({
                        url: "/weixin/queryBussiness",
                        type:"get",
                        data:{latitude:latitude,longitude:longitude},
                        dataType: "json",
                        success:function(data){
                           var str="";
                            if(data.li!=null && data.li.length>0){
                                for(var i=0;i<data.li.length;i++){
                                          str=str+ `<tr>
                                                  <td>${data.li[i].businessName}</td>
                                                  <td>${data.li[i].businessTel}</td>
                                                  <td>${(data.li[i].businessAddr)}</td>
                                                  <td>${(data.li[i].distance)/1000.00}km</td>
                                                  </tr>`}
                            }
                           $("#tbody").html(str)
                        }
                     })

                  },
                  fail:function(res){
                     alert("fail")
                  },
                  cancel : function(res) {
                     alert('未能获取地理位置');
                  }
               });
            });

            wx.error(function(res){
               // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
               alert("验证出错");
            });
         }
         //回调函数完结
      })
   }
</script>
</body>
</html>